jquery教程

推荐列表 站点导航

当前位置:首页 > jquery > jquery教程 >

js导航栏单击事件背景变换(示例)

来源:网络整理  作者:网友投稿  发布时间:2020-12-28 17:50
js实现导航栏单击事件则背景变换的效果代码,有需要的朋友可以参考下,挺不错的。...

例子,js导航栏单击事件背景变换的示例代码, 复制代码 代码示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title导航栏单击事件背景变换_ym97.comcourse.htmltitle script type=text/javascript function change_bg(obj) { var a=document.getElementById(Menu).getElementsByTagName(a); for(var i=0;ia.length;i++) { a[i].className=; } obj.className=current; } /script style type=text/css body{ font-size:17px; } .current{ background:red; } #container ul { list-style-type:none; } #container ul li { float:left; margin-right:3px; } #container ul li a{ text-decoration:none; color:#000; } /style /head body div id=container ul id=Menu lia href=javascript: onclick=change_bg(this) class=currentMenu1/a/li lia href=javascript: onclick=change_bg(this)Menu2/a/li lia href=javascript: onclick=change_bg(this)Menu3/a/li lia href=javascript: onclick=change_bg(this)Menu4/a/li lia href=javascript: onclick=change_bg(this)Menu5/a/li /ul /div /body /html ,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jq/jc/10248.shtml

相关文章
最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间:2020-12-28

python编程有哪些ide python编程有哪些ide

时间:2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间:2020-12-28

php构造函数的作用 php构造函数的作用

时间:2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间:2020-12-28

php实现顺序线性表 php实现顺序线性表

时间:2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间:2020-12-28

php中break的作用 php中break的作用

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

js导航栏单击事件背景变换(示例)

2020-12-28 编辑:网友投稿

例子,js导航栏单击事件背景变换的示例代码, 复制代码 代码示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title导航栏单击事件背景变换_ym97.comcourse.htmltitle script type=text/javascript function change_bg(obj) { var a=document.getElementById(Menu).getElementsByTagName(a); for(var i=0;ia.length;i++) { a[i].className=; } obj.className=current; } /script style type=text/css body{ font-size:17px; } .current{ background:red; } #container ul { list-style-type:none; } #container ul li { float:left; margin-right:3px; } #container ul li a{ text-decoration:none; color:#000; } /style /head body div id=container ul id=Menu lia href=javascript: onclick=change_bg(this) class=currentMenu1/a/li lia href=javascript: onclick=change_bg(this)Menu2/a/li lia href=javascript: onclick=change_bg(this)Menu3/a/li lia href=javascript: onclick=change_bg(this)Menu4/a/li lia href=javascript: onclick=change_bg(this)Menu5/a/li /ul /div /body /html ,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jq/jc/10248.shtml

相关文章

风云图片

推荐阅读

返回jquery教程频道首页